@import 'base';
.searchTop2 {
    .wh(100%,1rem);
    line-height: 1rem;
    overflow: hidden;
    .search {
        float: left;
        .wh(60%,0.7rem);
        background: #f9f9f9;
        line-height: 0.7rem;
        img {
            display: inline-block;
            .wh(0.24rem,auto);
            margin-left: 0.2rem;
            float: left;
            margin-top: 0.2rem;
        }
        input {
            width: 80%;
            border: 0;
            background: #f9f9f9;
            font-size: 0.22rem;
            margin-left: 0.2rem;
        }
        -webkit-border-radius: 0.15rem;
        border-radius: 0.15rem;
        margin-top: 0.15rem;
        margin-left: 0.3rem;
    }
    span {
        float: right;
        display: inline-block;
        margin-right: 0.2rem;
        font-size: 0.22rem;
        font-weight: 600;
    }
    border-bottom: 1px solid #F6F6F6;
}
.classification,
.scenic_spot {
    .wh(100%,auto);
    overflow: hidden;
    border-bottom: 0.2rem solid #f9f9f9;
    .list {
        .wh(90%,0.8rem);
        line-height: 0.8rem;
        margin: 0 5%;
        border-bottom: 1px solid #F6F6F6;
        span {
            margin-left: 0.1rem;
            color: #b350f9;
        }
        .icon {
            float: left;
            margin-top: 0.27rem;
            .wh(0.26rem,auto);
        }
        .jiantou_click {
            float: right;
            .jiantou {
                .wh(0.31rem,auto);
            }
        }
        .hidden {
            display: none;
        }
    }
    .list_details,
    .ol_list {
        .wh(100%,auto);
        li {
            margin: 0.2rem 0.29rem;
            float: left;
            text-align: center;
            line-height: 0.5rem;
            .wh(1.5rem,0.5rem);
            border: 1px solid #d2d2d2;
            border-radius: 0.1rem;
            -webkit-border-radius: 0.1rem;
            font-size: 0.2rem;
            color: #000;
        }
        .active {
            background: #FE8A76;
            color: #fff;
            border: 0.01rem solid #FE8A76;
        }
    }
    .ol_list {
        display: none;
    }
}
.scenic_spot {
    .list_details,
    .ol_list {
        li {
            .wh(0.88rem;0.5rem);
            margin: 0.2rem 0.18rem;
        }
    }
}
.function {
    .list_details,
    .ol_list {
        li {
            .wh(0.88rem;0.5rem);
            margin: 0.2rem 0.18rem;
        }
    }
}
//登录注册样式

    .register {
        font-size: 0.24rem;
        color: #838383;
    }

.login_head {
    .wh(100%,1.06rem);
    color: #B3B3B3;
    li {
        .wh(50%,1.06rem);
        line-height: 1.06rem;
        font-size: 0.28rem;
        span {
            border: 0;
        }
    }
    .active {
        border-bottom: 0.01rem solid #FE8A76;
        span {
            border: 0;
        }
    }
}
.login_tel,
.login_psd {
    margin: 0 5%;
    padding: 0.3rem 0;
    box-sizing: border-box;
    .wh(90%,auto);
    border-bottom: 0.01rem solid #F6F6F6;
    input {
        border: 0;
        width: 60%;
    }
    i {
        color: #B3B3B3;
    }
    button {
        border: 0;
        float: right; //     margin-right: 0.1rem;
        //      color: #B3B3B3;
        background: #fff;
        text-align: center;
    }
}
.login_btn,
.login_btn2 {
    .wh(90%,0.7rem);
    background: #FE8A76;
    text-align: center;
    line-height: 0.7rem;
    border-radius: 0.1rem;
    margin: 0.48rem 5%;
    font-size: 0.24rem;
    color: #fff;
}
.forget_psd {
    text-align: right;
    font-size: 0.18rem;
    margin-right: 5%;
    color: #B3B3B3;
    span {
        color: #FE8A76;
    }
    .register{
        color: #B3B3B3;
        float: left;
        margin-left: 5%;
    }
}
.father_warp {
    .wh(100%,3rem);
    position: relative;
    margin-top: 1rem;
}
.other_login {
    color: #F6F6F6;
    position: absolute;
    bottom: 2.5rem;
    text-align: center;
    float: left;
    .wh(100%,0.5rem);
    text-align: center;
    img {
        margin-top: 0.2rem;
        width: 1.56rem;
    }
    .left_img {
        float: left;
    }
    .right_img {
        float: right;
    }
    span {
        font-size: 0.24rem;
        line-height: 0.5rem;
        color: #404040;
    }
}
.weixin {
    .wh(100%,1rem);
    text-align: center;
    position: absolute;
    bottom: 1rem;
    color: #4aa71e;
    .iconfont {
        font-size: 1rem;
    }
}
.submit_btn {
    margin: 0.3rem 5%;
}
//评论
.pubItem {
    .wh(100%,1.5rem);
    border-bottom: 0.2rem solid #F6F6F6;
    overflow: hidden;
    .imgpub {
        float: left;
        .wh(1.1rem,1.05rem);
        margin-left: 0.4rem;
        margin-top: 0.2rem;
        margin-right: 0.33rem;
        img {
            .wh(100%,100%);
        }
    }
    .itemRight {
        float: left;
        h3 {
            font-size: 0.24rem;
            margin-top: 0.2rem;
        }
        .star {
            .wh(100%,auto);
            margin-top: 0.3rem;
            li {
                float: left;
                span {
                    font-size: 0.4rem;
                    color: #ccc;
                }
            }
            .on {
                span {
                    color: #FE8A76;
                }
            }
        }
    }
}
.textareabox {
    .wh(100%,2rem);
    border-bottom: 0.2rem solid #F6F6F6;
    #textareabox {
        .wh(90%,80%);
        margin-left: 5%;
        margin-top: 2%;
        border: 0;
        resize: none;
    }
}
.camera_warp {
    .wh(100%,1.6rem);
    border-bottom: 0.2rem solid #F6F6F6;
    .camera {
        .wh(1.15rem,1.15rem);
        border: 0.01rem solid #F6F6F6;
        text-align: center;
        line-height: 1.15rem;
        margin-left: 0.4rem;
        margin-top: 0.25rem;
        float: left;
        span {
            font-size: 0.5rem;
            color: #999;
        }
    }
    ul {
        float: left;
        li {
            float: left;
            margin-top: 0.25rem;
            margin-left: 0.3rem;
            .wh(1.15rem,1.15rem);
            overflow: hidden;
            position: relative;
            img {
                width: 1.15rem !important;
                height: 1.15rem !important;
            }
            .closebtn{
                position: absolute !important;
                width: 10px !important;
                height: 10px !important;
                top: 0 !important;
                right: 0 !important;
            }
        }
    }
}
//企业服务
.serviceList {
    .wh(100%,auto);
    li {
        .wh(100%,1.1rem);
        border-bottom: 0.01rem solid #F6F6F6;
        .left {
            float: left;
            .wh(18.75%,1.1rem);
            img {
                margin: 0.25rem 0.3rem;
                .wh(0.6rem,0.6rem);
            }
        }
        .right {
            .wh(81.25%,1.1rem);
            float: left;
            .p1 {
                width: 100%;
                overflow: hidden;
                text-overflow: ellipsis;
                white-space: nowrap;
                margin-top: 0.25rem;
                font-size: 0.24rem;
                color: #404040;
            }
            .p2 {
                font-size: 0.2rem;
                color: #c7c7c7;
                padding-right: 0.3rem;
                i {
                    font-size: 0.16rem;
                    float: right;
                }
            }
        }
    }
    .choose_ul li{
        .wh(33.3%,0.8rem);
        border-right: 0;
    }
    .choose_ul .active{
        color: #FE8A76;
        border-bottom: 0.02rem solid #FE8A76;   
    }
    .list-paddingleft-2 li{
        border-bottom: 0;
    }
}
.list_div{
    margin-top: 0.28rem;
    .wh(90%,auto);
    margin-left: 5%;
    box-sizing: border-box;
    overflow: hidden;
    border: 0.01rem solid #F6F6F6;
    .img_warp{
        .wh(100%,2.85rem);
         position: relative;
         overflow: hidden;
        img{
        .wh(100%,auto);    
        }
        .feng_title{
            position: absolute;
            .wh(100%,0.6rem);
            left: 0;
            bottom: 0;
            
            background: rgba(0,0,0,0.5);
            p{
                line-height: 0.6rem;
                font-size: 0.22rem;
                color: #fff;
                margin-left: 0.1rem;
            }
        }
    }
    
    p{
        .wh(100%,0.9rem);
        line-height: 0.9rem;
        span{
            font-size: 0.2rem;
            color: #A8A8A8;
            float: left;
            display: inline-block
        }
        img{
            margin-right: 0.28rem;
            margin-top: 0.13rem;
            .wh(0.6rem,0.6rem);
            float: right;
        }
    }
}
.partner{
    .wh(100%,auto);
    padding: 0 5%;
    box-sizing: border-box;
    overflow: hidden;
    border-bottom: 0.2rem solid #F6F6F6;
    img{
        margin-top: 0.28rem;
        .wh(1.85rem,0.95rem);
    }
    .partner_content{
        .wh(100%,auto);
        padding-bottom: 0.4rem;
        h4{
            text-align: center;
            font-size: 0.26rem;
            line-height: 0.8rem;
        }
        p{
            font-size: 0.2rem;
            color: #A8A8A8;
        }
    }
}
.readNum {
    .wh(100%,auto);
    padding: 0 5%;
    .iconfont {
        font-size: 0.16rem;
        color: #C7C7C7;
    }
    .active {
        color: #FE8A76;
    }
}
//房贷计算
.Mortgage_choose {
    .wh(100%,0.8rem);
    border-bottom: 0.2rem solid #F6F6F6;
    line-height: 0.8rem;
    li {
        text-align: center;
        font-size: 0.2rem;
        .wh(33.33%,0.8rem);
        float: left;
    }
    .active {
        color: #FE8A76;
        border-bottom: 0.01rem solid #FE8A76;
    }
}
.choose_type {
    .wh(100%,1.8rem);
    font-size: 0.22rem;
    line-height: 0.8rem;
    border-bottom: 0.2rem solid #F6F6F6;
    box-sizing: border-box;
    .choose_type_top {
        box-sizing: border-box;
        line-height: 0.8rem;
        span {
            color: #404040;
        }
        padding: 0 4%;
        .wh(100%,0.8rem);
        border-bottom: 0.01rem solid #F6F6F6;
        i {
            margin-left: 5%;
            display: inline-block;
            width: 30%;
            font-size: 0.3rem;
            span {
                color: #A8A8A8;
                font-size: 0.24rem;
            }
        }
        .active {
            color: #FE8A76;
        }
    }
}
.choose_type_bottom {
    .wh(100%,0.8rem);
    border-bottom: 0.01rem solid #F6F6F6;
    padding: 0 5%;
    font-size: 0.22rem;
    color: #404040;
    line-height: 0.8rem;
    box-sizing: border-box;
    overflow: hidden;
    span {
        display: inline-block;
        width: 25%;
    }
    p {
        display: inline-block;
        width: 50%;
        text-align: left;
//      color: #cbcbcb;
    }
    input {
        width: 50%;
        border: 0;
        text-align: left;
    }
    i {
        float: right;
        color: #666;
    }
    b {
        float: right;
        font-weight: normal;
    }
    .lv{
        width: auto;
    }
}
.choose_type_warp {
    .wh(100%,auto);
    border-bottom: 0.2rem solid #F6F6F6;
}
.result {
    .wh(100%,auto);
    padding: 0 5%;
    box-sizing: border-box;
    p {
        font-size: 0.18rem;
        line-height: 0.4rem;
    }
    .p5,
    .p6 {
        color: #FE8A76;
    }
}
.shadow{
    .choose_time_warp{
        .wh(100%,40%);
        position: fixed;
        bottom: 0;
        overflow-y: scroll;
        background: #fff;
       
    }
    .del_p{
        .wh(100%,0.8rem);
        line-height: 0.8rem;
        text-align: right;
        padding: 0 5%;
        background: #F6F6F6;
        color: #FE8A76;
        position: fixed;
        bottom: 40%;
        box-sizing: border-box;
    }
    .choose_time,.choose_discount,.choose_interest{
        .wh(100%,auto);
        overflow-y: scroll;
        li{
            text-align: center;
            .wh(100%,0.7rem);
            line-height: 0.7rem;
            border-bottom: 0.01rem solid #F6F6F6;
            font-size: 0.24rem;
        }
    }
}
.type_dai{
    .wh(60%,0.4rem);
    line-height: 0.4rem;
    margin:0.2rem auto;
    text-align: center;
    border: 0.01rem solid #FE8A76;
    border-radius: 0.3rem;
    .left{
        .wh(50%,0.4rem);
        color: #FE8A76;
        float: left;
        border-top-left-radius: 0.3rem;
        border-bottom-left-radius: 0.3rem;
    }
    .right{
        float: left;
        .wh(50%,0.4rem);
        color: #FE8A76;
        border-top-right-radius: 0.3rem;
        border-bottom-right-radius: 0.3rem
    }
    .active{
        color: #fff;
        background: #FE8A76;
    }
}
.my_qrcode{
    .wh(80%,70%);
    background: #fff;
    border-radius: 0.3rem;
    margin: 20% auto;
    .qrcode_head{
        .wh(100%,10%);
        padding: 2% 10%;
        font-size: 0.24rem;
        img{
            float: left;
            .wh(0.6rem,0.6rem);
        }
        span{
            float: left;
            padding-left: 0.2rem;
        }
    }
    .qrcode{
        .wh(80%,55%);
        margin: 0 auto;
        overflow: hidden;
        img{
            .wh(100%,100%);
        }
        
    }
    .qrcode_title{
        margin: 0 5%;
        text-align: center;
        line-height: 0.4rem;
        p{
            color: #C7C7C7;
            font-size: 0.2rem;
        }
    }
    .go_share{
        .wh(80%,0.7rem);
        border: 0.01rem solid #FE8A76;
        color: #FE8A76;
        margin: 5% auto;
        text-align: center;
        line-height: 0.7rem;
        border-radius: 0.2rem;
        span{
            font-weight: 400;
        }
    }
}
